@extends('Home.Common')

@section('include_css')
    <style>
        .Admin-Shop .form-horizontal .row{
            padding:0 3rem;
        }
        .modal .form-horizontal .row>div>div span{
            color:#444;
            /*background-color: #00c0ef;*/
            display:inline-block;
            margin:3px 7px;
            border:1px solid #eee;
            border-radius: 3px;
            padding:3px 10px;
        }
        .modal .form-horizontal .row>div>div.Shop-Admin span:hover {
            background-color: #eee;
            border-color:#333;
        }
        .modal .form-horizontal .row>div>div.user-role span:hover {
            background-color: #eee;
            border-color:#333;
        }
        .modal .form-horizontal .row>div>div.role-all span:hover {
            background-color: #eee;
            border-color:#333;
        }
        .modal .form-horizontal .row>div>div.Shop-list span:hover {
            background-color: #eee;
            border-color:#333;
        }
        .Admin-Shop .form-horizontal .row .button{
            padding:1rem;
        }
        .Admin-Shop .form-horizontal .row .button button{
            margin:2px 7px;
        }
        .background-ddd{
            background-color:#ddd;
        }
    </style>
@endsection

@section('include_js')

    <script>


        // 点击 管理员 创建 的 确认按钮
        $('#myModal button.btn-primary').click(function(){
            var data = {};
            data._token = $('meta[name=_token]').attr('content');
            data.username = $('#myModal input[name=User]').val();
            data.name = $('#myModal input[name=Name]').val();
            data.password = $('#myModal input[name=Password]').val();
            data.phone = $('#myModal input[name=Phone]').val();
            data.password_confirmation = $('#myModal input[name=Password_confirmation]').val();
            data.address = $('#myModal textarea[name=Address]').val();
            data.phone = data.phone?data.phone:'0';
            data.address = data.address?data.address:'0';
            $.ajax({url:"{{ action('Home\AdminController@Add') }}",type:'post',data:data,success:function(data){
                $('#myModal').modal('hide');
                if(data && data.msg){
                    alert_info(data.msg,'',2);
                    $('').remove()
//                    setTimeout(function(){window.location.reload();},2000);
                }else{
                    alert_info('请求失败','',2)
                }
            },error:function(){
                $('#myModal').modal('hide');
                alert_info('请求失败','',2)
            }})
        });
        // 点击 删除 管理员 的 确认按钮
        $('.Admin-delete button.btn-primary').click(function(){
            var data = {};
            data.id = $('#example1').attr('data-id');
            data._token = $('meta[name=_token]').attr('content');
            $.ajax({url:'{{ action("Home\AdminController@delete") }}',type:'post',data:data,success:function(res,err){
                $('.Admin-delete').modal('hide');
                if(res){
                    if(res.status){
                        alert_info('删除成功','',1);
                        $('#example1 tr[data-id='+data.id+']').remove();
                    }else{
                        alert_info('删除失败','',1);
                    }
                }else{
                    alert_info('请求出错','',1);
                }
            },error:function(){
                $('.Admin-delete').modal('hide');
                alert_info('error');
            }});
        });

        {{--// 点击 更换 默认店铺 方法--}}
        {{--$('.Admin-Shop button.btn-success').click(function(){--}}
            {{--var settimeid = 0;--}}
            {{--var doc = $(this);--}}
            {{--doc.attr('disabled','disabled');--}}
            {{--$('.Admin-Shop span').removeClass('click').css('background-color','');--}}
            {{--function click_span(){--}}
                {{--setTimeout(function(){--}}
                    {{--if($('.Admin-Shop .Shop-Admin span.click').length){--}}
                        {{--SetShop($('.Admin-Shop .Shop-Admin span.click'));--}}
                        {{--return true;--}}
                    {{--}--}}
                    {{--if($('.Admin-Shop .Shop-list span.click').length){--}}
                        {{--SetShop($('.Admin-Shop .Shop-list span.click'));--}}
                        {{--return true;--}}
                    {{--}--}}
                    {{--// 隐藏了 停止--}}
                    {{--if($('.Admin-Shop:hidden').length){--}}
                        {{--SetShop();--}}
                        {{--return true;--}}
                    {{--}--}}
                    {{--click_span();--}}
                {{--},100);--}}
            {{--}--}}
            {{--click_span();--}}
            {{--function SetShop(span){--}}
                {{--doc.attr('disabled',false);--}}
                {{--if(!span){return false;}--}}
                {{--data = {};--}}
                {{--data.Shop  =  span.attr('Id');--}}
                {{--data._token = $('meta[name=_token]').attr('content');--}}
                {{--data.Id = $('#example1').attr('data-id');--}}
                {{--var ajax = $.ajax({url:'{{ action("Home\UserController@AdminSetDefault") }}',data:data,type:'post',async:false,success:function(data){--}}
                    {{--res = data;--}}
                    {{--if(data.msg){--}}
                        {{--alert_info(data.msg);--}}
                    {{--}else{--}}
                        {{--alert_info('请求失败');--}}
                    {{--}--}}
                {{--},error:function(err){--}}
                    {{--alert_info('设置用户默认失败');--}}
                {{--}--}}
                {{--});--}}
                {{--$('.Admin-Shop span').removeClass('click').css('background-color','');--}}
                {{--if(res &&res.status){--}}
                    {{--$('.Admin-Shop .Shop-default span').html($('.Admin-Shop .Shop-Admin span[Id='+data.Shop+']').html());--}}
                {{--}--}}
            {{--}--}}
            {{--return false;--}}
            {{--var res;--}}
            {{--var data = {};--}}

            {{--data._token = $('meta[name=_token]').attr('content');--}}
            {{--data.Id = $('#example1').attr('data-id');--}}
            {{--data.Shop = $('.Admin-Shop .Shop-Admin span.click').attr('Id');--}}

            {{--$.ajax({url:'{{ action("Home\UserController@AdminSetDefault") }}',data:data,type:'post',async:false,success:function(data){--}}
                {{--res = data;--}}
                {{--if(data.msg){--}}
                    {{--alert_info(data.msg);--}}

                {{--}else{--}}
                    {{--alert_info('请求失败');--}}
                {{--}--}}
            {{--},error:function(){--}}
                {{--alert_info('设置用户默认失败');--}}
            {{--}--}}
            {{--});--}}
            {{--if(res.status){--}}
                {{--$('.Admin-Shop .Shop-default span').html($('.Admin-Shop .Shop-Admin span[Id='+data.Shop+']').html());--}}
            {{--}--}}
        {{--});--}}

        {{--// 点击 店铺 管理 的 确认 按钮--}}
        {{--$('.Admin-Shop button.btn-primary').click(function(){--}}
            {{--var res;--}}
            {{--var span;--}}
            {{--var data = {};--}}
            {{--function get_ids(name){--}}
                {{--var ids = new Array();--}}
                {{--var doc = $('.Admin-Shop '+name+' span.click')--}}
                {{--for(var i=0;doc.eq(i).length;i++){--}}
                    {{--ids.push(doc.eq(i).attr('Id'));--}}
                {{--}--}}
                {{--return ids;--}}
            {{--}--}}
            {{--data._token = $('meta[name=_token]').attr('content');--}}
            {{--data.Id = $('#example1').attr('data-id');--}}
            {{--data.Shop = get_ids('.Shop-Admin');--}}
            {{--if(data.Shop.length){--}}
                {{--// 获取 需要删除的 id--}}
                {{--$.ajax({url:'{{ action("Home\UserController@AdminDeleteShop") }}',type:'post',async:false,data:data,--}}
                    {{--success:function(data){--}}
                        {{--res = data;--}}
                    {{--},error:function(){--}}
                        {{--alert_info('请求出错');--}}
                    {{--}})--}}
                {{--if(!res || !res.status){--}}
                    {{--alert_info('删除出错');--}}
                {{--}else{--}}
                    {{--for(var i=0;res.data[i];i++){--}}
                        {{--if(res.data[i]){--}}
                            {{--span = $('.Admin-Shop .Shop-Admin span[Id='+res.data[i]+']').--}}
                            {{--removeClass('click').--}}
                            {{--css('background-color','');--}}
                            {{--$('.Admin-Shop .Shop-list').append(span)--}}
                        {{--}--}}
                    {{--}--}}
                {{--}--}}
            {{--}--}}
            {{--res = {};--}}
            {{--data.Shop = get_ids('.Shop-list');--}}
            {{--if(data.Shop.length){--}}
                {{--// 获取 需要 添加的 id--}}
                {{--$.ajax({url:'{{ action("Home\UserController@AdminAddShop") }}',type:'post',async:false,data:data,--}}
                    {{--success:function(data){--}}
                        {{--res = data;--}}
                    {{--},error:function(){--}}
                        {{--alert_info('请求出错');--}}
                    {{--}})--}}
                {{--if(!res || !res.status){--}}
                    {{--alert_info('添加出错');--}}
                {{--}else{--}}
                    {{--for(var i=0;res.data[i];i++){--}}
                        {{--span =  $('.Admin-Shop .Shop-list span[Id='+res.data[i]+']').--}}
                        {{--removeClass('click').--}}
                        {{--css('background-color','');--}}
                        {{--$('.Admin-Shop .Shop-Admin').append(span)--}}
                    {{--}--}}
                {{--}--}}
            {{--}--}}
        {{--});--}}

        // 点击 角色 管理 的 确认 按钮
        $('.Admin-Role button.btn-primary').click(function(){
            var span;
            var ids;
            var role;
            var arole;
            var data = {};
            var res;
            var i ;
            // 添加 方法
            span = $('.Admin-Role .left span.click');
            ids = new Array();
            for(i=0;span[i];i++){
                if(span.eq(i).attr('data-id')){
                    ids.push(span.eq(i).attr('data-id'));
                }
            }
            arole = ids;
            span = $('.Admin-Role .right span.click');
            ids = new Array();
            for(i=0;span[i];i++){
                if(span.eq(i).attr('data-id')){
                    ids.push(span.eq(i).attr('data-id'));
                }
            }
            role = ids;
            data._token = $('meta[name=_token]').attr('content');
            data.id = $('#example1').attr('data-id');
            data.Role = role;
            data.AdminRole = arole;
            $.ajax({url:'{{ action("Home\AdminController@RoleEdit") }}',data:data,type:'post',async:false,
                success:function(data){
                    res = data;
                },error:function(err){

                }
            });
            if(!res || !res.status){
                alert_info('删除出错');
            }
            if(!res.data){
                return false;
            }
            if(res.data.Role){
                role = res.data.Role;
                for(i in role){
                    span = $('.Admin-Role .right span[data-id='+role[i]+']');
                    span_click(span,1);
                    $('.Admin-Role .left').append(span);
                }
            }
            if(res.data.AdminRole){
                arole = res.data.AdminRole;
                for(i in arole){
                    span = $('.Admin-Role .left span[data-id='+arole[i]+']');
                    span_click(span,1);
                    $('.Admin-Role .right').append(span);
                }
            }
//                for(i in res.data){
//                    span = $('.Admin-Role .user-role span[data-id='+res.data[i]+']');
//                    span.removeClass('click').css('background-color','');
//                    $('.Admin-Role .role-all').append(span);
//                }
            {{--// 删除 方法--}}
            {{--span = $('.Admin-Role .role-all span.click');--}}
            {{--ids = new Array();--}}
            {{--for(var i=0;span[i];i++){--}}
                {{--if(span.eq(i).attr('Id') != 1){--}}
                    {{--ids.push(span.eq(i).attr('Id'));--}}
                {{--}--}}
            {{--}--}}
            {{--data.Id = ids;--}}
            {{--res = '';--}}
            {{--$.ajax({url:'{{ action("Home\PermissionController@addAdminRole") }}',data:data,type:'post',async:false,--}}
                {{--success:function(data){--}}
                    {{--res = data;--}}
                {{--},error:function(err){--}}

                {{--}--}}
            {{--});--}}
            {{--if(!res){--}}
                {{--alert_info('添加出错');--}}
            {{--}--}}
            {{--if(res.data){--}}
                {{--for(var i in res.data){--}}
                    {{--span = $('.Admin-Role .role-all span[Id='+res.data[i]+']');--}}
                    {{--span.removeClass('click').css('background-color','');--}}
                    {{--$('.Admin-Role .user-role').append(span);--}}
                {{--}--}}
            {{--}--}}
        });

        {{--// 点击 管理员 修改密码--}}
        $('.Admin-Reset-Password button.btn-primary').click(function(){
            var data={};
            var res;
            var pass = $('.Admin-Reset-Password input[name=Password]').val();
            var pass2 = $('.Admin-Reset-Password input[name=Password_confirmation]').val();
            if( 6 > pass.length  || 6 > pass2.length){
                alert_info('密码长度不足');
                return false;
            }
            data.password = pass;
            data.password_confirmation = pass2;
            data._token = $('meta[name=_token]').attr('content');
            data.id = $('#example1').attr('data-id');
            $.ajax({url:'{{ action("Home\AdminController@password_reset") }}',type:'post',async:false,data:data,success:function(data){
                res = data;
            },error:function(){

            }});
            $(this).parents('.modal').modal('hide')
            if(!res || !res.status){
                alert_info('修改失败');
            }else{
                alert_info('修改成功');
            }
            return true;
        });

        //角色管理 显示
        $('.Admin-Role').on('show.bs.modal',function(){
            var admin = $('#example1').attr('data-id');
            var class_name = '.Admin-Role';
            var role;
            var arole;
            var res ;
            var ids;
            var span;
            $.ajax({url:'{{ action("Home\AdminController@Role") }}',type:'get',data:{'id':admin},async:false,
                success:function(data){
                    res = data;
                },error:function(err){
                    alert_info('请求出错');
                }
            });
            if(!res){
                alert_info('用户信息获取失败');
                return false;
            }
//            console.dir(res);
//            return true;
            role = res.data.Role;
            arole = res.data.AdminRole;
            $(class_name+' .right').html('');
            $(class_name+' .left').html('');
            if(role){
                for(i in role){
                    span = $('<span>').attr('data-id',role[i].id).html(role[i].name);
                    $(class_name+' .right').append(span);
                }
            }
            if(arole){
                for(i in arole){
//                    span = $(class_name+' .right span[data-id='+arole[i].id+']');
                    span = $('<span>').attr('data-id',arole[i].id).html(arole[i].name);
                    $(class_name+' .left').append(span);
                }
            }
            return true;
            {{--ids = new Array();--}}
            {{--$.ajax({url:'{{ action("Home\AdminController@Role") }}',type:'get',data:{'Id':ids},async:false,--}}
                {{--success:function(data){--}}
                    {{--res = data--}}
                {{--},error:function(err){--}}

                {{--}--}}
            {{--});--}}
            {{--if(!res){--}}
                {{--alert_info('获取角色失败');--}}
            {{--}--}}
            {{--role = res.data;--}}
            {{--if(role){--}}
                {{--$(class_name+' .role-all').html('');--}}
                {{--for(var i in role){--}}
                    {{--span =$('<span>').attr('Id',role[i].Id).html(role[i].Name);--}}
                    {{--$(class_name+' .role-all').append(span);--}}
                    {{--span_click(span);--}}
                {{--}--}}
            {{--}--}}
        });

        {{--// 店铺管理 显示--}}
        {{--$('.Admin-Shop').on('show.bs.modal',function(){--}}
            {{--var class_name = '.Admin-Shop';--}}
            {{--var res;--}}
            {{--var shops;--}}
            {{--var Shop;--}}
            {{--var AllShops;--}}
            {{--var data = {};  // ajax 传输数据--}}
            {{--var span;       //span 标签--}}
            {{--var append_doc;--}}
            {{--data.Id = $('#example1').attr('data-id');--}}
            {{--if(!data.Id){--}}
                {{--alert_info('获取管理员id失败','',2);--}}
                {{--return false;--}}
            {{--}--}}
            {{--res = '';--}}
            {{--$.ajax({url:'{{ action("Home\UserController@AdminShop") }}',async:false,type:'get',data:data,success:function(data){--}}
                {{--res = data;--}}
            {{--},error:function(){}});--}}
            {{--if(!res){--}}
                {{--alert_info('获取信息失败','',2);--}}
                {{--return false;--}}
            {{--}else if(!res.status){--}}
                {{--alert_info(res.msg,'',2)--}}
                {{--return false;--}}
            {{--}--}}
            {{--data = {};--}}
            {{--data.Id = {};--}}
            {{--// 获取 允许操作的 店铺列表--}}
            {{--shops = res.data['shops'];--}}
            {{--// 获取 默认店铺--}}
            {{--Shop = res.data['Shop'];--}}
            {{--// 获取 排除 已有的 店铺 条件--}}
            {{--for(var i in shops){--}}
                {{--if(typeof parseInt(i) == 'number'){--}}
                    {{--data.Id[shops[i].Id] = shops[i].Id;--}}
                {{--}--}}
            {{--}--}}
            {{--res = '';--}}
            {{--$.ajax({url:'{{ action("Home\ShopController@getAll") }}',async:false,type:'get',data:data,success:function(data){--}}
                {{--res = data;--}}
            {{--},error:function(){}});--}}
            {{--if(!res){--}}
                {{--alert_info('获取信息失败','',2);--}}
                {{--return false;--}}
            {{--}else if(!res.status){--}}
                {{--alert_info(res.msg,'',2)--}}
                {{--return false;--}}
            {{--}--}}
            {{--// 获取 所有的 店铺--}}
            {{--AllShops = res.data;--}}


            {{--if(Shop){--}}
                {{--//默认 获取成功--}}
                {{--append_doc = $(class_name+' .Shop-default');--}}
                {{--span = $('<span>').html(Shop.Name);--}}
                {{--span.attr('Id',Shop.Id);--}}
                {{--append_doc.html(span);--}}
            {{--}--}}
            {{--if(shops){--}}
                {{--// 允许 操作列表获取成功--}}
                {{--append_doc = $(class_name+' .Shop-Admin');--}}
                {{--append_doc.html('');--}}
                {{--for(var i in shops){--}}
                    {{--if(typeof parseInt(i) == 'number'){--}}
                        {{--span = $('<span>').html(shops[i].Name);--}}
                        {{--span = span.attr('Id',shops[i].Id);--}}
                        {{--append_doc.append(span);--}}
                        {{--span_click(span);--}}
                        {{--span.click(function(){--}}
                            {{--if($(class_name+' .Shop-Admin span.click').length == 1){--}}
                                {{--$(class_name+' .modal-footer .btn-success').show();--}}
                            {{--}else{--}}
                                {{--$(class_name+' .modal-footer .btn-success').hide();--}}
                            {{--}--}}
                        {{--});--}}
                    {{--}--}}
                {{--}--}}
            {{--}--}}

            {{--if(AllShops){--}}
                {{--// 所有 店铺信息--}}
                {{--append_doc = $(class_name+' .Shop-list');--}}
                {{--append_doc.html('');--}}
                {{--for(var i in AllShops){--}}
                    {{--if(typeof parseInt(i) == 'number'){--}}
                        {{--span = $('<span>').html(AllShops[i].Name);--}}
                        {{--span = span.attr('Id',AllShops[i].Id);--}}
                        {{--append_doc.append(span);--}}
                        {{--span_click(span);--}}
                    {{--}--}}
                {{--}--}}
            {{--}--}}
        {{--})--}}

        {{--// span 点击事件 效果--}}
        {{--function span_click(span){--}}
            {{--span.click(function(){--}}
                {{--if($(this).hasClass('click')){--}}
                    {{--$(this).css('background-color','');--}}
                    {{--$(this).removeClass('click');--}}
                {{--}else{--}}
                    {{--$(this).css('background-color','#ddd');--}}
                    {{--$(this).addClass('click')--}}
                {{--}--}}
            {{--})--}}
        {{--}--}}

        // span 点击事件
        $('.modal .form-horizontal .row>div>div').on('click','span',function(){
            span_click($(this))
        });
        // span 点击事件 效果
        function span_click(span,type){
            if(span.hasClass('click')||type){
                span.css('background-color','');
                span.removeClass('click');
            }else{
                span.css('background-color','#ddd');
                span.addClass('click')
            }
        }
    </script>

@endsection
@section('Modal')
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加管理员</h4>
                </div>
                <form action="" class="form-horizontal">
                    <div class="modal-body box-body">
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label"><span style="color:red;">*</span> 姓名:</label>
                            <div class="col-sm-8 text-left">
                                <input class="form-control" type="text" minlength="1" name="Name" placeholder="姓名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label"><span style="color:red;">*</span> 账号:</label>
                            <div class="col-sm-8 text-left">
                                <input class="form-control" type="text" name="User" minlength="5" placeholder="账号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label"><span style="color:red;">*</span> 密码:</label>
                            <div class="col-sm-8 text-left">
                                <input class="form-control" type="password" minlength="5" name="Password" placeholder="密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label"><span style="color:red;">*</span> 确认密码:</label>
                            <div class="col-sm-8 text-left">
                                <input class="form-control" type="password" minlength="5" name="Password_confirmation" placeholder="密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label">手机:</label>
                            <div class="col-sm-8 text-left">
                                <input class="form-control" type="number" name="Phone" placeholder="手机">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right control-label">住址:</label>
                            <div class="col-sm-8 text-left">
                                <textarea name="Address" class="form-control" placeholder="住址" style="width:100%"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary">添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="modal fade Admin-Role"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">角色管理</h4>
                </div>
                <div class="form-horizontal">
                    <div class="row">
                        <input type="hidden" name="Id">
                        <div class="col-xs-6 col-md-6 text-center" style="border-right-width:1px;">
                            <h6>已获得角色</h6>
                            <div class="text-left left">

                            </div>
                        </div>
                        <div height="100%" width="1"style="width:1px;height:100%;"></div>
                        <div class="col-xs-6 col-md-6  text-center" style="margin-left:-1px;" >
                            <h6>未获得的角色</h6>
                            <div class="text-left right">

                            </div>
                        </div>
                        <div class="col-xs-12 col-md-12 button">

                        </div>
                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary">确认修改</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--<div class="modal fade Admin-Shop"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">--}}
        {{--<div class="modal-dialog" role="document">--}}
            {{--<div class="modal-content">--}}
                {{--<div class="modal-header">--}}
                    {{--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>--}}
                    {{--<h4 class="modal-title" id="myModalLabel">店铺管理</h4>--}}
                {{--</div>--}}
                {{--<div class="form-horizontal">--}}
                    {{--<div class="row">--}}
                        {{--<input type="hidden" name="Id">--}}
                        {{--<div class="col-md-12">--}}
                            {{--<div style="margin:5px 0;">--}}
                                {{--<button style="margin: 2rem 1rem 1rem 0;" type="button" class="btn btn-success btn-xs">设置默认店铺</button>--}}
                            {{--</div>--}}
                            {{--<h5>默认店铺</h5>--}}
                            {{--<div class="Shop-default">--}}

                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<hr>--}}
                        {{--<div class="col-xs-6 col-md-6">--}}
                            {{--<h6>允许操作店铺</h6>--}}
                            {{--<div class="Shop-Admin">--}}

                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="col-xs-6 col-md-6">--}}
                            {{--<h6>可添加店铺</h6>--}}
                            {{--<div class="Shop-list">--}}

                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="col-xs-12 col-md-12 button">--}}

                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="modal-footer">--}}

                        {{--<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>--}}
                        {{--<button type="button" class="btn btn-primary">确认修改</button>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}


    <div class="modal fade Admin-Reset-Password"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">重置密码</h4>
                </div>
                <div class="modal-body form-horizontal">
                    <div class="form-grounp">
                        <label for="">请输入密码</label>
                        <input type="password" name="Password" class="form-control" minlength="6">
                    </div>
                    <div class="form-grounp">
                        <label for="">请输确认密码</label>
                        <input type="password" name="Password_confirmation" class="form-control" minlength="6">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确认</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade Admin-delete"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">管理员删除</h4>
                </div>
                <div class="modal-body">
                    确定要删除此管理员码？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确认</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')

    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">管理员列表</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive ">
                    <div class="form-group text-right">
                        <button class="btn btn-info" data-toggle="modal" data-target="#myModal" style="margin-right:2rem;">添加管理员</button>
                    </div>
                    <table id="example1" data-id="" class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th style="min-width:120px;">名字</th>
                            <th style="min-width:120px;">账号</th>
                            <th style="min-width:120px;">手机</th>
                            {{--<th>店铺管理</th>--}}
                            <th>角色管理</th>
                            <th>密码修改</th>
                            <th>删除</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($admin as $info)
                            <tr data-id="{{ $info->id }}">
                                <td>{{ $info->name }}</td>
                                <td>{{ $info->username }}</td>
                                <td>{{ ($info->phone!=0)?$info->phone:'无' }}</td>
                                {{--<td><button class="btn btn-warning btn-xs" data-toggle="modal" data-target=".Admin-Shop">店铺管理</button></td>--}}
                                <td><button class="btn btn-success btn-xs" data-toggle="modal" data-target=".Admin-Role">角色管理</button></td>
                                <td><button class="btn btn-primary btn-xs" data-toggle="modal" data-target=".Admin-Reset-Password">修改密码</button></td>
                                <td>
                                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target=".Admin-delete">删除</button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th colspan="6" class="text-right" style="padding:1rem 2rem 1rem 2rem;">
                                {!! $admin->links('Page') !!}
                            </th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>

@endsection